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The Six Modules 


Module 1 Typography overview 
Module 2 Type vocabulary 
Module 3 Letters 

Module 4 Words 

Module 5 Sentences 

Module 6 Paragraphs 


Appendix 


AJEEP SYLLABUS 
Introduction to Typography 


Course Description 


An introduction to typography and type design for print covering an overview of the history of Western 
typography; standard terms used to identify elements; best presentation of letters, words, sentences, and 
paragraphs for legibility. The six learning modules are designed to be one-hour sessions but time may vary 
depending on the number of students and discussions. Obviously, six hours of learning does not substitute 
for years of practical experience and learning but it can be a start. 


Course Goals and Student Learning Objectives 


This course will give the student a basic understanding of typography: 
Western historical context 
Terms 
Use of type for legibility 
Use of type to communicate messages 


Course Content Learning Outcomes 
Upon successful completion of this course, students will be able to: 


LOI Identify industry standard and successful use of typography 
LO2 Understand and discuss how letter, words, sentences, and paragraphs combine to inform readers 


LO3 Learn and use relevant vocabulary for the industry 


Required Texts/Readings 

Textbook 

There is no required text book. Numerous books are available free on loan from libraries and professional 
resources are available online. 

Other Readings 


The instructor’s appendix section has suggestions for more information. Meet with type designers and 
graphic designers to explore the topic further. 


Other Equipment / Material Requirements (Optional) 


Enhanced learning can be realized with Internet access and by using a computer with publishing software 
like InDesign 2.0 or later versions. 
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Assignments and Grading Policy 


Class instruction will include a lecture, discussion, and homework review. Lectures will be given based on 
the module information, discussion will be through student class participation, and homework will include 
answering the quizzes and bringing in print samples of newspapers. 


Assignments will be given in each class and may be just a quiz or a quiz and other work. Assignments will 
be due the following class session. 


Each class, except the first one, will cover learning objectives 1, 2 and 3. 300398 
97—94 
Grading will based on earning a total of 100 points by the end of the six classes. 93—90 
89-87 
6 classes x 10 points for class participation = 60 points possible 86-83 
6 quizzes x 5 points each possible — 30 points possible 82-80 
1 final class typography critique by each student = 10 points possible 79—77 
. 76-73 
=100 points total 72—70 
Any late work will receive a maximum of half credit. There is no extra credit. 69-67 
Participation in class involves discussion, critical thinking, use of relevant 66-63 


vocabulary, and questions about the material covered. An F grade is a fail. 62—60 
59—0 


Introduction to Typography Course Schedule 


Class Date Topics, Readings, Assignments, Deadlines 
1 Typography overview 

2 Type vocabulary 

3 Letters 

4 Words 

5 Sentences 

6 Paragraphs 


The schedule is subject to change with fair notice by e-mail and in the previous class. 
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Introduction 
to Western 
Languages 
Typography 


Typography Overview 


Type facilitates 


= Giving language a physical body/form, 


= Amplifying and gest neti cally. shaping 
content appropriate for each 
communication, 


= Enabling social flow of information. 


Type legibility 


Type needs to be readable. 
= Some fonts work better than others. 


Size, spacing, and amount of type are a 


function of legibility as are different reader 
constraints. 
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Design/Type eras 


(«1455) 
(1456-1760) 
(1761-1890) 
tistic (1891-1983) 
(1984-present) 
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Pre-Gutenberg (<1455) 
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Gutenberg (1455-1760) 


AJEEP Tim Mitchell 7/3/15 


Industrial (1761-1890) 
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Artistic (1891-1983) 
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Digital (1984-present) 
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Type legibility as a goal 


Lower-case letters with ascenders and 
descenders are easier to read than all 
upper case, 


Type with an upright style is easier to read 
than italics, 


Contrast, including black type on a white 
background, makes reading easier. 
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Type as digital fonts 


Computer control with digital formats: 
Outlined, stroked, and bitmap versions, 


OpenType is a cross-platform, outline font 
(Windows, Mac OS, Unix), 


“Pro” versions of OpenType can provide 
many characters (glyphs), 


OpenType fonts: up to 65,536 glyphs, 
Other fonts: as few as about 100 glyphs. 
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Different set widths 


Letters can be proportional where the 
width of different glyphs/characters vary: 


Letters can be mono-spaced, or non- 
proportional, where the width of different 
glyphs/characters are the same: 
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Different set widths 


Advantages of using 
include fitting more text in an area and 
aesthetic control. 


Advantages of using | proportio! 
fonts include non- HEG ar or 
letters and numbers plus mimicking 
typewriter fonts. 
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Type classification 


Organizing typefaces into categories helps 
show similarities and differences, 


Different taxonomies exist for type 
classification so there is not one universal 
system, 


Contrasting fonts from different categories 
or staying within one font family is a tool 
for designers solving communications 
problems. 
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Type classification 


a Serif fonts are letterforms with small 
appendages that visually form alignments 


along each line of type: Serif font 


m Sans serif fonts are letterforms without 
Small appendages and have a cleaner, 
more modern look: 


Sans serif font 


Type classification 


Weste rn la n g ua g es Eight classifications Three categories 


ot © Blackletter 
AO 


Oldstyle 


3. Transitional 


AO 
> О Square (slab) Serif 
E 


O Sans Serif Sans Serif 


7 
Script-Cursive 
Hybrid/either 
8. 
Decorative-Display 


Type classification 


One typeface classification system 


o © Blackletter 


Oldstyle 


0 Transitional 
0 Modern 


O Square (slab) Serif 


Sans Serif Sans Serif 


Script-Cursive 


0 Decorative-Display 


Hybrid/either 


One typeface classification system 


1. Ö Blackletter 

2. O Oldstyle 

3. O Transitional 
A О Моаегп 

= O Square (slab) Serif 


Sans Serif Sans Serif 


Script-Cursive 
Hybrid/either 


0 Decorative-Display 


Type classification 


One typeface classification system 


О Blackletter 


Oldstyle 


Sans Serif 


Script-Cursive 
Hybrid/either 


Decorative-Display 


Type classification 


One typeface classification system 


o О Blackletter 
O Oldstyle 
Roman subset of serif | О Transitional 
О Моаегп 
Y O Square (slab) Serif 


Sans Serif 


Sans Serif 


Script-Cursive 
Hybrid/either 


0 Decorative-Display 


Type classification 2 


Grotesque 


Transitional 


Humanist 


BS 


Geometric 
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Type classification 


Understanding type classifications allows a 
designer to use fonts like a palette of 
colors. 


Other ways to contrast or integrate type is 
by date created, type designer, etc. 
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Type classification 


=a Font names are sometimes copyrighted so 
similar looking fonts can have completely 
different names. 


= Readers don't usually know font names 
so font selection by name is a weak 
approach. 


7 Typeface attributes 


1. Size (72 points) 
(10 points) Г 


2. Color ( 


3. Font Name + Style 
(Regular) 


4. Column/measure 


5. Justification 


6. Space 
(Horiz./vert.) 


7. Animation 
(motion) 


Specifying type 


A standard way to describe typesetting is 
to define the font size, line space, set 
measure, font name, style, and setting: 
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A type family 


A collection of one typeface in different 
weights (bold, light, etc.) and styles 
(roman, italic, condensed), 


Using one type family can tie a 
communication together visually, 


Contrasting one type family with another 


can create variety as long as the 
intermixing is limited. 
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A type family 


Garamond Premier Pro Light 


Garamond Premier Pro Light Italic 


Garamond Premier Pro Book/Medium 
Garamond Premier Pro Book/Medium Italic 


Garamond Premier Pro Semi-Bold 


Garamond Premier Pro Bold Italic 


Garamond Premier Pro Bold 
Garamond Premier Pro Bold Italic 


1. Name two ways that typography facilitates communication. 

2. Why is type legibility important? 

3. What are three ways a designer can maintain type legibility? 

7. List the seven attributes type can have. 

8. What makes up a type family? 

9. What are the names and associated dates for typography design eras? 
10. What category do the Roman fonts belong in? 


11. What font category do you personally find to be the most interesting and why? 
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Introduction 
to Western 
Languages 
Typography 


Type vocabulary 


Letterform terms 


Typetace 


Letterform terms 


Type terms 


ш 
These аге the units of measurement 
in typography: 


1/6 inch 


Type terms 


El 
These are the units of measurement 
in typography 


1 inch 


^ inch = 6 picas = 72 points 


1 pica = 12 points 
( 72 pts/pica + 6 picas ) 


. Format: # picas p # points 


14picas+ 2points = 14p2 
` 14picas+13points = 15pl (13 pts = 1p1) 
14picas+12points = 15p0 
порісаѕ+ 8points = 0р8 


Type terms 


Baseline 


Ascender 
height 


X-height yn 7 p» киш on í || ES р a These 
varies | IF Ө Vi Fr YO YY YT fonts are 
at same IN [Ic U PAN u Pa the same 
font size с?» | І ` Size 


Descender 


height Sans-serif font Serif font 
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Type terms 
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Type terms 


Ascender height 


azis 3uiod 3u04 


Descender height 
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Type terms 


Horizontal measurements are in picas and 
points, like for the measure (maximum 
column width). 


Measure is 25p6 
(25 picas plus 6 points) 
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Type terms 


Vertical distance from baseline to baseline 
expressed in points 
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Type terms 


Vertical distance from ascender to descender 
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is measured in picas and 
points. 


is measured in points SMe urements | 
for line space, leading, m вазо а 
and font size. | nl 


1S measured 
in column inches (depth). 


Type terms 


; Vertical measurements are in 
points, like for font size, line space, and 
leading. 


55 point font size | 


80 point 
line space 


35 point 
leading 
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Type size is measured 
in points — not picas 


Comparative rulers show 
sample heights to help 
approximate point size. 


Font size is compared to a known sample. 


Font name and style 


Times New Roman, regular 


12/18 x 14p2 RR 


Font Line Column width 
point spacing 14picas+2points Ragged 
size (14p2) Right 


Set style 


Line SPace 


is distance 
from One aseline to the next. 


... because 
of more 
Leading 


between lines. 


This is an example 
where leading is not 
visible between lines. 


This is an example 


of more leading 


between lines. 


ts 
mont size FP | 


a 


This is an 
example 

of no leading 
between lines. 


This iS an я 
example = 
of no leading 
between lines. 


This iS s known 


Line space 
Font size 


Leading 


This is an 
example — 
of no leading | ес 
between lines. 


Font size 
- Leading 


Line space 


1. Name the parts of letters by creating letters and then point to the parts by name. 


2. What is a combination of two or more letters into one glyph called? 

3. What are the names of the two main units of measure in typography? 

4. Create two lines of type, one above the other, and draw their two baselines. 
5. Create a line of type with ascenders and descenders and identify each. 

6. Is the cap height different from the ascender height? 

7. Isis possible for two fonts of the same size to look like different sizes? 

8. In question 7, if so, what would be a reason for it? 


9. How is leading different from line space? 


10. Is font size, leading, and line space measured vertically or horizontally? 


Letters (glyphs) 


Smallest basic unit of written communication, 


Letters are symbols that must be learned 
alone and in combination with words, 


There are 26 basic letters in the alphabet plus 
numbers and symbols, 


Letters, numbers, and other symbols seen on 
a keyboard can be augmented with other 
keystrokes or publishing program palettes, 


Good letter spacing within words is a function 
of legibility. 
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Letters (glyphs) 


Letterforms can be manipulated in publishing 
programs (stretched, compressed, etc.), 


Even letter spacing is desirable and is part of 
the original font metrics information, 


Tracking is in creased or decreased letter 
spacing across a selection of type, 


Kerning is increased or decreased letter 
spacing between pairs of letters: OP, AV 
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m Examples of glyphs: 


Ne) 

© N 2 Су © 

JS © xf ху 

AS NS (o. SS NS 
e © e A 3 \ё* К © 
v ge? od کی کي‎ = о S 
e RS RS SS S «№ 2 
e К «3 S as v2 NS 
м ® o 
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Why is metal type 
of interest 
in the digital era? 


Metal type has been in use for more than 550 
years. It is the source of many terms used to 
describe type and it can print with a textural 
effect. 


So understanding our past gives us context to 
help us understand our present evolution. 


Capital letters are also called upper case, 


и For example: A, B, and C are all upper case 
and they are created on a keyboard using the 
shift key with a character, 


и Small letters are called lower case, 
For example: a, b, and c are all lower case, 


The terminology came from use of metal type 
where letters were organized in cases with one 
placed above the other. 


drawers 


The top area 
of this cabinet 
is PETAT. d hold. 


cases) БЕТСӘ out 
апо Lene on dans 
m ter-b' y detis 

hand aono diy y 

of set type. 


EUM 


Metal type cases 


a The California Job case was a popular 
standard for organizing loose type letters, and 
varying letter and word spaces. 


m The case was designed with different sized 
compartments. 


и Proportionally, there are more vowel letters in 
Western language than consonant letters. 


m Each metal type case/drawer was one font 
(one size and style). 
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“УХ california 


Job case 


(drawer pulled 
open from,cabinet) 


aed 
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Pro 
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Letters (glyphs) 
m The previous full font specimen shows a 


diverse set of glyphs, 


=» More than letters combining into words, some 
glyphs can be assembled in a way that they 
form ornaments or illustrations, 


m Special glyphs can represent different 
languages, symbols, etc. 


AJEEP Tim Mitchell 7/3/15 79 


Don't use fake fractions 


Font Fractions 
Fake 


Name 


=: 1/2 % 3/4 % 
vi 1/2 % 3/4 % 
ww 1/22 3/434 
w 1/2 Va 3/4 ЗА 
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93 


Letters can be called glyphs. True ог False? 
Are glyphs the smallest units of written communication? 
Proportional fonts have characters of differing widths. True or False? 


If a font isn’t the style you like, it’s good practice to change the font properties instead 
using original fonts. True or False? 


Define tracking. 

Create a line of type with tracking increased for it’s native setting. 
Define kerning 

Create an example showing decreased kerning. 


Fonts can allow a designer to be an illustrator. True or False? 


10. What is the difference between a hyphen, an en dash and an em dash? 


When words 
are scarce 
they are seldom 


spent in vain. 


William 
Shakespeare 


Writer 


m Letters combine to create words. 
m A word is a language unit. 


и Words are semiotic in that they are a collection 
of abstract symbolic glyphs whose meaning 
must be learned. 


A word can have multiple meanings. 
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Words have syllables 


a Syllables are word sound parts—pronounced 
components—designers need to honor. 


a For example, typography is spoken as ty 
POG ra phy. This repesents four syllables and 
one or more may have spoken emphasis. 


и When a word is broken at the end of a line, it 
can be split up from one line to the next using 
a hyphen at a syllable break: 


The digital era is liberating typog- 
raphy because now the imaginable 
is implementable. 
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Words require 
separation 


m Words are separated by horizontal space and 
lines of words are separated by vertical space 
(line space/leading). 


m Horizontal word space is usually slightly more 
than the width of a lower case letter i. 
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Words contained 
by margins 


There are four main kinds of left and right 
margin justifications affecting word space. 


Flush left 
Centered 
Flush right 


Justified 
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Words are separated 


It is desirable to have even word spacing for 
easier reading. 


Type set flush left (ragged right) may cause 
some lines to end shorter than the set width 
but the word space will remain consistent. 


When type is set justified, the word spacing 
increases or decreases to keep the margins 
flush left and flush right on every line. 
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87 


88 


Words are separated 
evenly with FL and FR 


Flush Left 
Even word space 


The most emphatic place in a clause or sentence 
is the end. This is the climax; and, during the 
momentary pause that follows, that last word 
continues, as it were, to reverberate in the read- 
ers mind. It has, in fact, the last word. 

—F. L. Lucas 


Word spaces are 
shown in green. 
These are all even. 
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=> 


The]mostjemphatiqplacejin[a|clausefor[sentence] 
is|theJend.JThisfis|the|climax;Jand Jduring}the] 
momentary]pause]thatffollows,]thatlast]word] 
continues Jas][it]were,]to[reverberate]in]the]read- 
er's[mind [Itfhas,[inffact ]theflast]word. 

—FIL [Lucas] 


89 


Words are separated 
unevenly with justified 


Justified with last lines centered 
Uneven word space 


The most emphatic place in a clause or sentence 
is the end. This is the climax; and, during the 
momentary pause that follows, that last word 
continues, as it were, to reverberate in the read- 
er's mind. It has, in fact, the last word. 
—E L. Lucas 


Word spaces are 
shown in green. 
These are uneven. 
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=> 


TheJmostfemphatic{placefinfalclausefor]sentence 
isftheffend [Thisfisfthe]elimax;fand Jduringfthe 
momentaryfipausefithatfffollows fithatfflastfword 
continues, [as[itfwere;[to]reverberatefin]thefread- 


er's[mind Һа Jin[fact,[the]last]word. 


Y 
| | | iil Il 
II 1! [ I d 
I ı 1 iid 
III 11 II I 
I II II II | 
II 0! 


90 


Improved justified 
word 


spacing 


ват Maximum 
Minimum, 1 CNN 
Word Spacing: 85€ зу 
Letter Spacing: -3* — лз» | a 

h Scaling: 97% m. 10 
Giyp! у 


Auto Leading: 120% 


fication: ( Full Justify | 
Ў Word justification: 
= Composer: | Adobe Paragraph Compose! 


The most emphatic place in a clause or sentence is The]mostjemphatidplace[in[alclauseJor]sentence[is 
the end. This is the climax; and, during the mo- the[end [ThisJis]the]climax;Jand,[duringlthe]mo- 
mentary pause that follows, that last word contin- — mentary|pause]that[follows,|that[last}word|contin- 
ues, as it were, to reverberate in the reader's mind. ues,aslitfwere,ltolreverberatelin]thejreader’sjmind. 


It has, in fact, the last word. Itfhas.finffact,Jtheflast}word. 
—F. L. Lucas —FIL {Lucas} 
Word spaces are | | I Ill Il | 
shown in green. These | " | | | | ‚ ! 
аге more even. 111 |l BM | 
I Il | | i 
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Words set as all caps 
are harder to read 


THE MOST EMPHATIC PLACE IN A CLAUSE 
OR SENTENCE IS THE END. THIS IS THE 
CLIMAX; AND, DURING THE MOMENTARY 
PAUSE THAT FOLLOWS, THAT LAST WORD 
CONTINUES, AS IT WERE, TO REVERBER- 
ATE IN THE READER'S MIND. IT HAS, IN 
FACT, THE LAST WORD. 
—F. L. Lucas 
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Small caps 
for quiet emphasis 


The most emphatic place in a clause or sentence is 
the end. This is the climax; and, during the mo- 
mentary pause that follows, that last word contin- 
ues, as it were, to reverberate in the reader’s mind. 
It has, in fact, the last word. 
—F. L. LUCAS 


Small caps 
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Quiz 


Typography Module 4 


1. What is a word? 


2. In what ways are words separated from each other? 


3. What happens to horizontal word spacing with type set flush left versus type set 


justified? 
4. What is a syllable? 


5. How are words broken up for hypenation? 
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93 


94 


Sentences 


вй 


77 
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Sentences 


m A sentence is a grammatical statement usually 
written with a subject and predicate. 


m The first word starts with a capital letter, and 
the sentence ends with a period or similar 
punctuation. 


= In typography, after the final punctuation, 
there is one character space separating one 
sentence from the next one—not two spaces. 
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Phrases (sentence parts) 


m A phrase is a short grammatical statement 
usually missing a subject or a verb so it is not 
a complete sentence. 


m [he first word may or may not start with a 
capital letter, and the a phrase does not end 
with a period or similar punctuation. 


m Words making up a phrase may take up more 
than one line of type. 


m Phrases are often found in headlines, 
subheads, pull quotes, etc. 
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When a sentence or phrase requires more 
than one line then breaks are required. 


m Broken words at line endings require hyphens 
to separate the syllables. 


An aesthetic limit of two line endings in a row 
with hyphens is tolerable but more aligned 
hyphens create an optical indent. 


Larger fonts used for headlines, etc., should 
avoid ending a line with a preposition. 
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Anatomy of multi lines 


=н Line space 
Vertical distance from baseline to baseline 


Some wordsiof/type 
More words of;type 


Anatomy of multi lines 


Tops of capital letters Bottoms of letterforms 
going below the baseline 
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Anatomy of multi lines 


Vertical distance from baseline to baseline 
allows ascenders & descenders to just touch 
if font point size = leading/line space 


Baseline vertical 
measurement 
(in points) 
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Anatomy of multi lines 


Vertical distance from baseline to baseline 
decreased to the point that it allows 
ascenders & descenders to overlap, 

if they are on top of each other. 


Anatomy of multi lines 


When there are all capital (upper case) 
letters the words can be set this way 
because they usually have no descenders 
to overlap with cap-height letters. 


Anatomy of multi lines 


Anatomy of multi lines 


using 
ny wordt unpait® 
pe 


1. What is a sentence? 


2. What is the proper amount of character space between sentences: one space, two 
spaces, three spaces 


3. What is a phrase? 


4. In a narrow measure, would type be easier to read if it were set with negative 
leading? 


5. What is negative leading? 


6. What does the phrase "set solid" mean? 


Paragraphs 


A sentence should contain no 
unnecessary words, a paragraph 
no unnecessary sentences, for the 
same reason that a drawing should 
have no unnecessary lines and a 


machine no unnecessary parts. 


William 
Shrunk, Jr. 


Writer 


a A paragraph is a distinct portion of written or 
printed matter dealing with a particular idea. 


m Consistency is important: keep paragraph 
styles to achieve this. 


m Paragraphs may be visually grouped by use 
of subheads to help the reader quickly 
comprehend the overall content organization. 
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Paragraphs 


m Paragraphs (also words and sentences) may 
be continued from one page to another with 
“jumps”. 

m Paragraphs in columns of text stop and start 
(break) their lines best when two or more 
lines are at the end of a column and/or start 
of the following column. 


m The width of a column of typeset paragraphs 
is optimal for longer stories at about 1.5 times 
the length of the lower case alphabet length 
for the font used. 

abcdefghijklmnopqrustvwxyzabcdefghijkl 
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Paragraphs 


The computer aligns objects sometimes 
differently than our eyes see them. 


a Optical alignment: placement used to visually align design 
elements. 


=» Metrics/mechanical alignment: how the computer is 
programmed to handle type or objects. 
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Paragraphs 


m How much line space is best for a paragraph is 
determined on an individual basis. 


m Paragraphs set within narrower columns may 
need less line space than columns that have a 
wide measure. 


m Paragraphs should look inviting and not tire or 
confuse the reader because of careless design. 
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Paragraphs 


m No one way of specifying type works for all 
fonts. 


= Each typographic solution must be determined 
on individual merits of legibility, aesthetics, 
and communications goal for target audience. 
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Paragraph 
exampies 


ne thing was Dinah ought to have taught you 
Initial certain, that the better manners! You OUGHT, 
WHITE kitten Dinah, you know you ought!” 
drop cap had had nothing she added, looking reproach- 
to do with it: it was the black fully at the old cat, and speak- 
I d t kittens fault entirely. For the ing in as cross a voice as she 
nden white kitten had been having could manage—and then she 
its face washed by the old cat scrambled back into the arm- 
Type set for the last quarter of an hour chair, taking the kitten and the 
(and bearing it pretty well, worsted with her, and began 
flush left, considering); so you see that it ^ winding up the ball again. But 
i COULDN'T have had any hand she didnt get on very fast, as 
ragged right, in the mischief. she was talking all the time, 
for slightly The way Dinah washed sometimes to the kitten, and 
less formal her children’s faces was this: sometimes to herself. Kitty sat 
ГА first she held the poor thing very demurely on her knee, 
even word- down by its ear with one paw, pretending to watch the prog- 
and then with the other paw ress of the winding, and now 
spaced look she rubbed its face all over, the and then putting out one paw 


wrong way, beginning at the 
nose: and just now, as I said, 
she was hard at work on the 
white kitten, which was lying 
quite &ill and trying to purr— 
no doubt feeling that it was all 
meant for its good. 


AJEEP Tim Mitchell 


7/3/15 


Paragraph 


and gently touching the ball, as 
if it would be glad to help, if it 


morrow is, Kitty?’ Alice began. 
"Youd have guessed if youd 
been up in the window with 


doing, I was very nearly open- 
ing the window, and putting 
you out into the snow! And 
youd have deserved it, you little 
mischievous darling! What 
have you got to say for your- 
self? Now dont interrupt me!" 
she went on, holding up one 
finger. ‘Tm going to tell you all 
your faults. Number one: you 
squeaked twice while Dinah 
was washing your face this 
morning. Now you can't deny 
it, Kitty: I heard you! Whats 
that you say?’ (pretending that 
the kitten was speaking.) ‘Her 
paw went into your eye? Well, 
that's YOUR fault, for keeping 
your eyes open—if youd shut 
them tight up, it wouldn't have 
happened. Now dont make any 
more excuses, but listen! Num- 
ber two: you pulled Snowdrop 
away by the tail just as I had put 
down the saucer of milk before 
her! What, you were thirty, 


115) 


examples 


m Line space 
separates 
paragraphs 
instead of indents 

m Each new 
paragraph line 
starts flush left 

m Less contiguous 


so reader confusion 
could result 
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ne thing was kitten, and giving it a little kiss — they were comfortably settled 
certain, that the to make it understand that it again, ‘when I saw all the 
WHITE kitten wasin disgrace. ‘Really, Dinah mischief you had been doing, 
had had nothing ought to have taught you better I was very nearly opening the 
to do with it: it was the blak manners! You OUGHT, Di- window, and putting you out 
kitten’s fault entirely. For the nah, you know you ought!” she into the snow! And youid have 
white kitten had been having added, looking reproachfullyat deserved it, you little mischie- 


its face washed by the old cat 
for the last quarter of an hour 
(and bearing it pretty well, 
considering); so you see that it 
COULDN'T have had any hand 
in the mischief. 


‘The way Dinah washed her 
children’s faces was this: first 
she held the poor thing down 
by its ear with one paw, and 
thenwith the other paw she 
rubbed its face all over, the 
wrong way, beginning at the 
nose: and just now, as I said, 
she was hard at work on the 
white kitten, which was lying 
quite still and trying to purr— 
по doubt feeling that it was all 
meant for its good. 


asleep, the kitten had been 
having a grand game of romps 
with the ball of worsted Alice 
had been trying to wind up, 
and had been rolling it up and 
down tillit had all come un- 
done again; and there it was, 
spread over the hearth-rug, all 
‘knots and tangles, with the kit- 
ten running after its own tail in 
the middle. 


"Oh, you wicked little thing!" 
cried Alice, catching up the 


the old cat, and peaking in as 
cross a voice as she could man- 


taking 
the kitten and the worsted with 
her, and began winding up the 
ball again. But she didn't get on 
very fadt, as she was talking all 
the time, sometimes to the kit- 
ten, and sometimes to herself. 
Kitty sat very demurely on her 
knee, pretending to watch the 
progress of the winding, and 
now and then putting out one 
pow and. touching the. 
ball, as if it would be glad to 
help, if it might. 


"Do you know what to-morrow 
is, Kitty?" Alice began. Youd 
have guessed if youll been up 
in the window with me—only 
Dinah was making you tidy, so 
you couldnt. I was watching 
the boys getting in sticks for the 
bonfire—and it wants plenty of 
‚Sticks, Kitty! Only it got so cold, 
and it snowed so, they had to 


or three turns of the wonted 
round the kitteris neck, just to 
see how it would look: this led 
to a scramble, in which the ball 
rolled down upon the floor, and. 
yards and yards of it got un- 
wound again. 


"Do you know, I was so angry, 
Kitty. Alice went on as soon as 


vous darling! What have you. 
got to say for yourself? Now 


going to tell you all your faults. 
Number one: you squeaked 
twice while Dinah was washing 
your face this morning. Now 
you can't deny it, Kitty: I heard 


your eye? Well, thats YOUR 

fault, for keeping your eyes 

open—if youd shut them tight 
up, it wouldn't have happened. 
Now don't make any more ex- 
cases, but listen! Number two: 
you pulled Snowdrop away by 
the tail just as I had put down 
the saucer of milk hert 


wasrit thirsty too! Now for 
number three: you unwound 
every bit of the worded while 1 
wasn't looking! 


"Thats three faults, Kitty, and. 
you've not been punished for 
any of them yet. You know I'm 


pose they had saved up all MY 
punishments!’ she went on, 

talking more to herself than the 
kitten. "What WOULD they do 
at the end of a year? I should be 
sent to prison, I suppose, when. 
the day came. Or—let me see— 
suppose each punishment was 


Paragraph 
examples 
и Justified paragraphs 


(flush left and right 
margins) give 


columns more formal, 


geometric look. 


a Justified type has 
variable word spaces 
which requires better 
control of justification 
parameters. 


AJEEP Tim Mitchell 7/3/15 


Paragraph 


=: ght to have taught you bette) 

that the WHITE kit) manners! You OUGHT, Din 

ten had had nothing fou know you ought!’ she add 

to do with it: it looking reproachfully at th 
h e ld cat, and peaking in 


or the white kitten had beei 
aving its face washed by th 
d cat for the last quarter of 


our (and bearing it pretty well ten and the worded with h all your faults. Number one] 
sidering); so you see that d began winding up the bal] fou squeaked twice while 
'ULDN'T have had any h n. But she didnt get on ver was washing your face th 
n the mischief. as she was talking all thf fnorning. Now you can't den 
ne, sometimes to the kitten Kitty: I heard you! What 
[he way Dinah washed her ch nd sometimes to herself. Kitt it you say?’ (pretending th: 
[геп faces was this first sh [at very demurely on her kn he kitten was speaking.) "Hed 
eld the poor thing down bı tending to watch the prog] went into your eye? 
ear with one paw, and the: of the winding, and no it's YOUR fault, for keepin 
ith the other paw she rubb nd then putting out one ра eyes open—if youd sh 
face all over, the wrong way] [ind gently touching the ball, m tight up, it wouldnt ha 
ginning at the nose: and ji it would be glad to help, if ned. Now dont make any 
as I said, she was hard night. nore excuses, but listen! 
ork on the white kitten, which two: you pulled Snowdrop 
lying quite still and trying) [Do you know what to-morro yy by the tail jus as I had pu 
b purr—no doubt feeling that Kitty? Alice began. “Yc own the saucer of milk befor: 
s all meant for its good. ve guessed if youll been er! What, you were 
the window with me—onl] еге you? How do you kno 
ut the black kitten had bee) Dinah was making you tidy, е wasnt thirsty too? Now for 
d with earlier in the ‚u couldn't. I was watching humber three: you unwound 
noon, and so, while Alice: he boys getting in tides for bit of the worsted while 
ting curled up in а corner of fonfire—and it wants plen sn't looking! 
he great arm chair, half talkin sticks, Kitty! Only it got 
p herself and half asleep, th d, and it snowed so, they ts three faults, Kitty, and 
itten had been having a grand [o leave off. Never mind, Kitt: ve not been punished fon 
me of romps with the ball а Il go and see the bonfire to] [ny of them yet. You know I'm 
orsted Alice had been tryin norrow. Here Alice wound twd up all your punishment 
b wind up, and had been roll three tums of the worsted [рг Wednesday week—Suppos: 
hg it up and down till it had. ound the kitten's neck, just td had saved up all MY 
ome undone again; and there е how it would look: this led Ishments!” she went on, talkin 
Spread over the hearth-rug) fo a scramble, in which the b pore to herself than the kitten 
Ш knots and tangles, with th d down upon the floor, an hat WOULD they do at th. 
litten running after its own t ds and yards of it got nd of a year? I should be 
n the middle. nd again. b prison, I suppose, when th 
y came. Or—let me 
Dh, you wicked little thing} [Do you know, I was so angr; ppose each punishment 
d Alice, catching up the kit) Kitty; Alice went on as soon «| [o be going without a dinner 
en, and giving it a little ki were comfortably settled hen, when the miserable da 
b make it understand that ij n, "when I saw all the mis| ne, I should have to go with- 
їп disgrace. ‘Really, Din ‘you had been doing, I ut fifty dinners at once! Well, I 


Column gutter 


рока se di ны 
d then she scrambled bi 
мо the arm-chair, taking th 


‘nearly opening the window) 
nd putting you out into th 
now! And youd have deserved 
you little mischievous d 

ng! What have you got to sa 
br yourself! Now don't inter- 
me! she went on, holdin 
one finger. Tm going to tell 
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examples 


a Indents 
separate 
paragraphs 
instead of line space 
for cohesive look 


m Avoid using 
both indents and 
extra line space 
to separate 
paragraphs 
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ne thingwascertain, 
that the WHITE kit- 
ten had had nothing 
to do with it: it was 


the black kitten’s fault entirely. 
For the white kitten had been 
having its face washed by the 
‚old cat for the last quarter of an. 
hour (and bearing it pretty well, 
considering); so you see that it 
COULDN'T have had any hand 


she held the poor thing down by 
its ear with one paw, and then 
with the other paw she rubbed 
its face all over, the wrong way, 
beginning at the nose: and just 
now, as I said, she was hard at 
work on the white kitten, which 
was lying quite still and trying 
to purr—no doubt feeling that it 
was all meant for its good. 

But the black kitten had 
been finished with earlier in the 
aftemoon, and so, while Alice 
was sitting curled up in а corner 
of the great arm chair, half talk- 
ingto herself and half asleep, the 
kitten had been having a grand 
game of romps with the ball of 
‘worsted Alice had been trying 
to wind up, and had been roll- 
ing it up and down till it had all 
come undone again; and there it 
was, Spread over the hearth-rug, 
all knots and tangles, with the 
kitten running after its own tail 
inthe middle. 

‘Oh, you wicked little 
thing!” cried Alice, catching up 
the kitten, and giving it a little 
kiss to make it understand that 
it was in disgrace. ‘Really, Dinah 
ought to have taught you better 
manners! You OUGHT, Dinah, 
you know you ought!” she add- 


ed, looking reproachfully at the 
old cat, and speaking in as cross 
a voice as she could manage— 
and then she scrambled back 
into the arm-chair, taking the 
kitten and the worsted with her, 
and began winding up the ball 
again. But she didn't get on very 
fad, as she was talking all the 
time, sometimes to the kitten, 
and sometimes to herself. Kitty 
sat very demurely on her knee, 
pretending to watch the prog- 
ress of the winding, and now 
and then putting out one paw 
and gently touching the ball, as 
if it would be glad to help, if it 


"Do you know what to- 
morrow is, Kitty? Alice began. 
"You'd have guessed if you'd 
been up in the window with 
me—only Dinah was mak- 
ing you tidy, so you couldnt. I 
was watching the boys getting 
in sticks for the bonfire—and 
it wants plenty of sticks, Kitty! 
‘Only it got so cold, and it snowed 
so, they had to leave off. Never 
mind, Kitty, we'll go and see the 
bonfire to-morrow’ Here Alice 
wound two or three turns of the 
worsted round the kitten’s neck, 
ju& to see how it would look: 
this led to а scramble, in which 


"Do you know, I was so an- 
gry, Kitty,’ Alice went on as soon 
as they were comfortably settled 
again, when I saw all the mis- 
chief you had been doing, I was 
very nearly opening the win- 
dow, and putting you out into 
the snow! And you'd have de- 
served it, you little mischievous 
darling! What have you got to 


say for yourself? Now dont in- 
terrupt me!’ she went on, hold- 
ing up one finger. Tm going to 
tell you all your faults, Number 
one: you squeaked twice while 


deny it, Kitty: I heard you! 
What's that you say?’ (pretend- 
ing that the kitten was speak- 
ing) "Her paw went into your 
eye? Well, that's YOUR fault, 
for keeping your eyes open— 
if you'd shut them tight up, it 
wouldn't have happened. Now 
dont make any more excuses, 
but listen! Number two: you 
pulled Snowdrop away by the 
tail jus as I had put down the 
saucer of milk before her! What, 
you were thirsty, were you? How 
do you know she wasn't thirsty 
too? Now for number three: you 
unwound every bit of the wor- 
ted while I wasn't looking! 
"Thats three faults, Kitty, 
and you've not been punished 
for any of them yet. You know 
I'm saving up all your punish- 
ments for Wednesday week— 
Suppose they had saved up all 
MY punishments! she went on, 
talking more to herself than the 
kitten. "What WOULD they do 
at the end of a year? I should be 
sent to prison, I suppose, when 


to be going without a dinner: 
then, when the miserable day 
came, I should have to go with- 
out fifty dinners at once! Well, 
I shouldn't mind THAT much! 
Та far rather go without them 
than eat them! 

"Do you hear the snow 
against the window-panes, Kit- 
ty? How nice and soft it sounds! 
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Some Typographic 
Transgressions 
Improperly constructed “fake” fractions 


a Reader confusion about order of threaded 
columns — don't loose your reader 


а Inconsistent styles of type and images 


1 Mis-use or over-use of bold and italic fonts 
for emphasis 


Journ 136 Tim Mitchell a 


Some Typographic 
Transgressions 


Two hyphens representing an em dash 
instead of using the real em dash (em 
dash is a parenthetical pause) 


а One hyphen to represent a longer en dash 
instead of using the real en dash (en dash 
is a connector for periods to time, space, 
etc., like the word "through" or "to" 


a Use of a colon after a subhead that sits 
alone on a line (it’s redundant) 


Journ 136 Tim Mitchell YU Ey SY 


Correctly used Em dash 


A glyph that looks like a very long hyphen 
(equal to an em space or width of a capital 
letter M) that represents a parenthetical 
pause for added emphasis: 


Journ 136 Tim Mitchell SIS 


Correctly used En dash 


A glyph that is slightly longer than a 
hyphen (equal to an en space) that 
represents a distance or continuation and 
can also combine open compounds: 
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Some Typographi © 
Transgressions ©. A 


a Too many hyphens in a row 
a Widows and Orphans — typeset distractions 


a Rivers in text columns (vertically. aligned groups of word 


space that can snake through columns of text from line to line and 
disrupt type color“) 


а Poor craftsmanship: uneven type “color” 


a Illegibility 


Too many hyphens 


to the increasing use of the 
ballot рох,’ Baldassare said. 
“Hybrid democracy may be 
the answer to the public's de- 
sire for populism and a solu- 
tion to the parties and divi- 
sions, special interests' influ- 
ence and voter distrust that 
currently plague America’s 
political process,” he said. 
“California could lead the 
way, as a nation-state, in a new 


Widows...Orphans 


T 
have put him in an awkward 
position," DiCamillo said. 

“He avoided immigration as 
a g^ campaign issue," he add- 
ed. 

An issue that's national, 
such as immigration, boiling 


would eliminate the Senate 
and Assembly and instead cre- 
ate a single legislative house of 
50 to 80 members to be nomi- 
nated and elected in a non- 
partisan manner for a two- 


year term. 


The proposal would create a 


= 
R | М e B S “We have three basic flavors 


of chocolate, vanilla and red 
velvet and then we have our 


E specialty cupcakes; Khan said. 

| n ex The specialty cupcakes in- 
clude caramel apple, an apple 
cupcake with caramel frosting, 
s'mores cupcake, a chocolate 

CO uU m n S cupcake topped with marsh- 
mallow frosting complete with 
graham cracker crumbs, and a 
Twix cupcake, a chocolate cup- 
cake topped with shortbread 
and caramel 

"We love to experiment and 
try new recipes" Khan said. 
"We are always open to take 
requests.” 

The chocolate cupcake with 
Nutella butter cream frosting 
cap satisfy any chocolate-lov- 
er's sweet tooth. 

The frosting is shocking- 
ly light and flavorful as the 
Nutella and butter cream form 
a sweet relationship sitting on 
the chocolate cake 

Other items on the menu 
include cheesecake bites for 
$25/dozen, cookies in various 
flavors for $6/dozen, cake pops 
with the buyer's choice of cake 
doused in frosting for $1.25 
each and assorted brownies for| 
$10/dozen 


"We have three basic.flavors 
of chocolate, vanilla find red 
velvet and then wg have our 
specialty cupcakes’ Khan said. 

The specialty cupcakes in- 
clude caramel J pple, an apple 
cupcake with caramel frosting, 
s'mores cupcake, fi chocolate 
cupcake topped / vith marsh- 
mallow frostingfomplete with 
graham crackeg crumbs, and a 
Twix cupcake/4 chocolate cup- 
cake topped with shortbread 
and caramel 

"We loye to experiment and 
try new /fecipes” Khan said. 
"Wearefilways open to take 
requests 

The chocolate cupcake with 
Nutella buttel сгеат frosting 
can satisfy any \chocolate-lov- 
er's sweet tooth. 

The frosting is shocking- 
ly light and flavorful as the 
Nutella and butter cream form 
a sweet relationship sitting on 
the chocolate cake 

Other items on һе menu 
include cheesecake bites for 
$25/dozen, cookies ji various 
flavors for $6/dozen, Sake pops 
with the buyer’s choice of cake 
doused in frosting for $1.25 
each and assorted brownies for| 
$10/dozen 


Quiz 


Typography Module 6 


1. Define a paragraph. 

2. What is a subhead and how can it be utilized? 
3. What is a jump? 

4. Is typographic design consistency important? 


5. What are the minimum number of lines needed at the bottom or top of a column 
when a paragraph breaks? 


6. Would a 12 point Times New Roman set at 48 picas wide be easier to read with 12 
points of line space or 18 points of line space? 


7. Is even word space and type color easier to achieve with type columns set flush left 
or justified? 
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Instructor Materials 


$9 E n Ex n 


10. 


Name the parts of letters by creating letters and then point to the parts by name. 
Answer: see original slides 
What is a combination of two or more letters into one glyph called? Answer: ligature 
What are the names of the two main units of measure in typography? Answer: points 
and picas 
Create two lines of type, one above the other, and draw their two baselines. 
Create a line of type with ascenders and descenders and identify each. 
Is the cap height different from the ascender height? Answer: Yes. Some fonts vary. 
Is is possible for two fonts of the same size to look like different sizes? Answer: Yes 
In question 7, if so, what would be a reason for it? Answer: Larger or smaller x- 
heights can make fonts look different sizes but the ascender and descender 
heights will still be close to each other. More or less line spacing is needed to 
ensure ease of reading for different fonts of a given size. 
How is leading different from line space? Answer: Leading is the vertical distance 
between lines of type and line space is the total vertical distance from one 
реш of type to the next baseline of type that is the sum of font size апа 
eading. 
Is font size, leading, and line space measured vertically or horizontally? Answer: 
Celi)" Horizontal measurement is in picas and points for type measure 

wi : 


Quiz 


Typography Module 2 


1. Name two ways that typography facilitates communication. Answer: Giving language 
a physical body/form; amplifying and shaping content appropriate for each 
communication, enabling social flow of information. 

2. Why is type legibility important? Answer: If the reader can’t make sense of the 
words on the page, through poor typography, ink density or layered and 
competing visual effects of design then all of the work that went into it is 
incomprehensible. 

3. What are three ways a designer can maintain type legibility? Answer: Choose a font 
that is easy to read in context and for the audience by size, line spacing, 
column measure, color, contrast, style, look at the computer monitor at actual 
printed size to test it, time the viewer will have to read it, in the right 
language, etc. 

4. List the seven attributes type can have. Answer: Size, color, font name + style, 
column/measure, justification style, horizontal and vertical spacing (tracking 
and line space/leading), and animation (or not). 

5. What makes up a type family? Answer: it’s a collection of one name of font with 
style variations like italic, bold, light, condensed, etc. 

6. What are the names and associated dates for typography design eras? Answer: 
Pre-Gutenberg (<1455); Gutenberg (1456-1760); Industrial (1761-1890); 
Artistic (1891-1983); Digital (1984-present) 

7. What category do the Roman fonts belong in? Answer: Serif. 

8. What font category do you personally find to be the most interesting and why? 
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Quiz 


Typography Module 3 


Letters can be called glyphs. True or False? Answer: True. 

Are glyphs the smallest units of written communication? Answer: True. 

Proportional fonts have characters of differing widths. True or False? Answer: True 

If a font isn’t the style you like, it’s good practice to change the font properties instead 

using original fonts. True or False? Answer: False. Respect the designer’s original 

font metrics and avoid alterations. Instead consider a font that is closer to the 
look you need. 

5. Define tracking. Answer: Altering the width of selected letters. Kerning is a subset 
of tracking where letter pairs have their space altered. 

6. Create a line of type with tracking increased from it’s native setting. Answer: It should 
show more space between letters and words in a line of type compared to the 
original line. 

7. Define kerning. Answer: Kerning is a subset of tracking where letter pairs have 
their space altered. 

8. Create an example showing decreased kerning. Answer: It should show less space 
between a letter pair. 

9. Fonts can allow a designer to be an illustrator. True or False? Answer: True. Fonts like 

Webdings have glyphs that are illustrations tied to keys like letters are. These 

illustrations can be manipulated like fonts in size, color, rotation, etc. 


sc Qu ps 
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Quiz 


Typography Module 4 


1. What is a word? Answer: A word is a language unit, consisting of one or more 
spoken sounds or written representations, that carry meaning. 


2. In what ways are words separated from each other? Answer: Separation is 
achieved by horizontal and vertical spacing through justification and line 
spacing/leading adjustments. 


3. What happens to horizontal word spacing with type set flush left versus type set 
justified? Answer: Justified type requires more control of word spacing since 
type set FL or FR has consistent word spacing as a default. 


4. What is a syllable? Answer: A syllable is a word sound part that is spoken 
collectively with the other syllables in a word to pronounce it. One or more 
syllables may have spoken emphasis. 


5. How are words broken up for hypenation? Answer: Syllables create natural 
breaking points in words and hyphens are used at the end of lines where 
those word breaks happen. Too many hyphens in a row at the end of lines 
create a visual dent in the margin. 
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Quiz 


Typography Module 5 


1. What is a sentence? Answer: A sentence is a grammatical statement usually 
written with a subject and predicate. 


2. What is the proper amount of character space between sentences: one space, two 
spaces, three spaces? Answer: With typography, only one space is used after a 
period and before the next sentence. It creates a more even type color when 
reading without extra spaces. 


3. What is a phrase? Answer: A phrase is a short grammatical statement usually 
missing a subject or a verb so it is not a complete sentence and does not 
require a period at the end. 


4. Ina narrow measure, would type be easier to read if it were set with negative 
leading? Answer: No. Narrower columns require more line spacing but 
proportionally decreasing the font size can help. 


5. What is negative leading? Answer: It is an amount of line spacing less than the 
point size. 


6. What does the phrase “set solid” mean? Answer: It means that the font size is 
numerically equal to the line spacing. 
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Quiz 


Typography Module 6 


1. 


Define a paragraph. Answer: A paragraph is a distinct portion of written or 
printed matter dealing with a particular idea, sometimes beginning with an 
indentation or extra vertical line space and usually containing two or more 
sentences. 

What is the difference between optical alignment and metric alignment? Answer: 
Optical alignment is based on human judgment and metric alignment is 
based on computer codes/rules/programming. 

What is a jump? Answer: Sometimes called a continuation line, it’s a break in 
a story that is continued in another part of the publication with a page 
reference to the new location. 

Is typographic design consistency important? Answer: Yes. Although there can be 
reasons for variations in style consistency, it is a good idea to use the power 
of styles to manage a particular way of presenting information and to 
uphold the brand identity. 

What are the minimum number of lines needed at the bottom or top of a column 
when a paragraph breaks? Answer: There should be at least two lines at the 
top or bottom of a breaking column paragraph. 

Would a 12 point Times New Roman set at 48 picas wide be easier to read with 12 
points of line space or 18 points of line space? Answer: While 12 points of line 
space is still legible, it can be fatiguing for lots of text to read it when it is 
set solid at the measure. The 18 points would be the easier to read but it 
would space out the lines vertically more than on 12 points of line space. 

Is even word space and type color easier to achieve with type columns set flush left 
or justified? Answer: Flush left typesetting produces even color but the 
challenge is with smooth looking right column edges. 
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Discussion & Practice 


Typography Module 1 


Bring in print examples of magazines and newspapers for class discussion about 
font use. 


Identify a publication’s use of fonts by classification. 


Who is the audience and what is the audience’s reading preference? Are the use 
of fonts appropriate for the audience? If not, how should they be used differently? 
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Discussion & Practice 


Typography Module 2 


1. Bring in print examples of magazines and newspapers for class discussion. 


> 


Identify a two- or three-line headline and measure the font’s point size. 
3. Measure the linespace (baseline to baseline) in points. 


4. Find a column of type and express the horizontal "measure" in picas and points 
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Discussion & Practice 


Typography Module 3 


1. Bring in print examples of magazines and newspapers for class discussion. 
2. Identify special glyphs and name them. 


3. Find instances of hyphens, en dashes and em dashes and state why they were used. 
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Discussion & Practice 


Typography Module 4 


1. Bring in print examples of magazines and newspapers for class discussion. 


2. Identify different treatments of words in headlines, decks, bylines, text, photo 
captions/cutlines, credits, pull quotes, etc. 


3. Find instances of good and bad typography using flush left and justified margin 
settings. Discuss how they could be improved or how they succeeded. 
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Discussion & Practice 


Typography Module 5 


1. Bring in print examples of magazines and newspapers for class discussion. Find 
examples of negative leading, and extra line space in headlines and text. 


2. Identify proper use of headline line breaks (lines not ending with prepositions: on, 
over, under, through, to, from, between, etc.—there are about 150 in English) 


3. Compare line spacing in different publications based on their font sizes and column 
measures. Which are most successful for legibility? 


4. Use the type rulers to determine font size, line space, and leading in specific 
examples. 
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Discussion & Practice 


Typography Module 6 


1. Bring in print examples of magazines and newspapers for class discussion. 
2. Identify examples of poor typographic craftsmanship. 
3. Indentify problems with layout and legibility then describe ways the problems could 
be avoided. 
4. 


Find and describe any inconsistencies in typographic styles used in the publication. 
What would be the best design to choose for competing styles? 
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Appendix 


Four typography rulers 
Typography Modules 


il 


File on CD 


NOTE 


When printing out the type 
rulers (TypeRulers.pdf) be sure 
it is output at exactly 100% 


otherwise it won't be accurate 
for use. 


n" NT шї mm 


nm addis 
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Use InDesign to build proper fractions 
not included in font sets / 


Don’t use this otherwise known as the common slash: 

Use this slightly longer division-slash glyph which tilts more: 7 
Type the first, top, number as the numerator: 5 

Open the glyphs palette and select the division slash: Type>Glyphs. 
Type the second, bottom number as the denominator: 5/32 
Select the numerator and make it a superscript: /32 

Select the denominator and make it a subscript a 

Baseline shift to lower the top number and raise the bottom: 5/32 
Adjust the baseline from the Character palette and the superscript 


and subscripts from the fly-out Character palette menu. 
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YouTube videos 


Helvetica movie short w/ Eric Speakerman 
http://www.youtube.com/watch? 
v=McZSUjP1AcE&feature=related 


Eric Speakerman interview 
http://www. youtube,com/watch? 


v—F691weEVpwc&feature-related 


Golden Arm titles: Saul Bass 
http://www.youtube.com/watch?. 
v=sS/6whmt5Yc&feature=related 


Saul Bass short interview 
http://www. youtube. com/watch ?v=i-WzF-XBILw 
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Introduction 
to Western 
Languages 
Typosrapny 


ANO D Sri 


Instructor materials: slide set with added 
content 


Introduction 
to Western 
Languages 
Typography 


Typography Overview 


Type facilitates 


Giving language a physical body/form, 


Amplifying and aesthetically shaping 
content appropriate for each 
communication, 


Enabling social flow of information. 
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Type legibility 


Type needs to be readable/legible to carry 
the communication to the reader. 


Some fonts work better than others at 
different sizes and in different contexts. 


Size, spacing, and amount of type area 
function of legibility as are different reader 
constraints like age (eye sight), lighting, 
colors, and fidelity of type reproduction. 
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Design/Type eras 


(<1455) 
(1456-1760) 
(1761-1890) 
(1891-1983) 
(1984-present) 
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Pre-Gutenberg (<1455) 


Wall paintings, clay tablets, stone Carvings (40,000scc) 
Egyptian Book of the Dead (1500sce-50Bce) 

Dead Sea Scrolls (150sce-70ce) 

Book of Kells (800ce) 
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Gutenberg (1455-1760) 


Even paperbacks made their appearance 
Italic fonts allowed more type per page 
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Industrial (1761-1890) 


Slow time for type design and evolution 
for books, newspapers, leaflets, posters 
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Artistic (1891-1983) 


All visual media embraced typography 
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Digital (1984-present) 


Designers enjoyed unlimited typographic control 
Type available to the masses 
Beyond print: e-readers to see the results 
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Type legibility as a goal 


Lower-case letters with ascenders and 
descenders are easier to read than all 
upper case (capital letters), 


Type with an upright style is easier to read 
than italics that are slanted/oblique, 


Contrast, including black type on a white 
background, makes reading easier than 
with low-contrast colors, patterned 
backgrounds, or much white type on black. 
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Type as digital fonts 


Computer control with digital formats: 
Outlined, stroked, and bitmap versions, 


OpenType is a cross-platform, outline font 
(Windows, Mac OS, Unix), compared to less 
compatible TrueType, PostScript, and others, 


“Pro” versions of OpenType can provide 
many characters (glyphs), ligatures, beyond 
the obvious keyboard choices, 


OpenType fonts: up to 65,536 glyphs, 
Other fonts: as few as about 100 glyphs. 
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Different set widths 


Letters can be proportional where the 
width of different glyphs/characters vary: 


Letters can be mono-spaced, or non- 
proportional, where the width of different 
glyphs/characters are the same: 
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Different set widths 


Advantages of using 
include fitting more text in an area and 
aesthetic control. 


Advantages of using non-proportion 

fonts include non- SEDE E amet of 
letters and numbers plus mimicking 
typewriter fonts. Columns of numbers are 
easier to align since each number takes 
equal width space. 
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Type classification 


Organizing typefaces into categories helps 
show similarities and differences, 


Different taxonomies exist for type 
classification so there is not one universal 
system, 


Contrasting fonts from different categories 
or staying within one font family is a tool 
for designers solving communications 
problems. 
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Type classification 


Serif fonts are letterforms with small 
appendages that visually form alignments 
along each line of type: 4 


Sans serif fonts аге letterforms without 
Small appendages and have a cleaner, 
maybe more modern look: 
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Type classification 


Western la n g ua g es Eight classifications Three categories 


Oldstyle 


O Transitional 
O Square (slab) Serif 


Sans Serif 


o © Blackletter 


Script-Cursive 


| 0 Decorative-Display 


Type classification 


One typeface classification system 


Oldstyle 


O Transitional 
O Modern 


O Square (slab) Serif 


Sans Serif 


o © Blackletter 


Script-Cursive 


0 Decorative-Display 


Sans Serif 


Hybrid/either 


Sans Serif 


Hybrid/either 


Type classification 


One typeface classification system 


О Blackletter 
O Oldstyle 


O Transitional 
O Modern 
O Square (slab) Serif 


0 Sans Serif Sans Serif 


Script-Cursive 


0 Decorative-Display 


Hybrid/either 


Type classification 


One typeface classification system 


© Blackletter 

O Oldstyle 

0 Transitional 

0 Modern 

O Square (slab) Serif 


Sans Serif 


0 Sans Serif 


Script-Cursive 


Hybrid/either 


| 0 Decorative-Display 


Type classification 


One typeface classification system 


О Blackletter 
O Oldstyle 


Roman subset of serif O Transitional 


О Моаегп 
О Square (slab) Serif 
O Sans Serif Sans Serif 


Script-Cursive 


0 Decorative-Display 


Hybrid/either 


Type classification 2 


Eight breakdowns Three categories 


Subset of Sans Serif 


1. Blackletter 
Grotesque 

2: O Oldstyle 
Transitional 3. O Transitional 

4. О Моаегп 
Humanist = О Square (slab) Serif 


Sans Serif 


О Sans Serif 


Script-Cursive 


Geometric 


Hybrid/either 


0 Decorative-Display 


Type classification 


Understanding type classifications allows a 
designer to use fonts like a palette of 
colors where they can be contrasted or 
made harmonious. 


Other ways to contrast or integrate type is 
by date created, type designer, look or 
“color” of font at specific type setting 
parameters, legibility versus attention 
getting characteristics, etc. 
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Type classification 


Font names are sometimes copyrighted so 
Similar looking fonts can have completely 
different names. 


Readers don't usually know font names 
so font selection by name is a weak 
approach to contrast or unity unless the 
audience is a knowledgeable design 
community. 
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7 Typeface attributes 
1. Size Siz C (72 points) 


(10 points) 


= Color 


3. Font Name + Style 
(Regular) 


4. Column/measure 
5. Justification Centered Flush right Justified 


6. Space 
(Horiz./vert.) 


7. Animation 
(motion) 
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Specifying type 


A standard way to describe typesetting is 
to define the font size, line space, set 
measure, font name, style, and setting: 


This translates to 10 points set size of the Garamond font with 
12 points line space, 18 picas-wide column, using the light 
italic style and set flush left (ragged right). Colors, effects, 
and other details can be added. 
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A type family 


a A collection of one typeface in different 
weights (bold, light, etc.) and styles 
(roman, italic, condensed), 


s Using one type family can tie a 
communication together visually, 


s» Contrasting one type family with another 
can create variety as long as the 
intermixing is limited. More than a few 
typefaces can confuse the communication. 


A type family 


Garamond Premier Pro Light 
Garamond Premier Pro Light Italic 


Garamond Premier Pro Book/Medium 
Garamond Premier Pro Book/Medium Italic 


Garamond Premier Pro Semi-Bold 


Garamond Premier Pro Bold Italic 


Garamond Premier Pro Bold 
Garamond Premier Pro Bold Italic 


Introduction 
to Western 
Languages 
Typography 


Type vocabulary 


Letterform terms 


Typetace 


Letterform terms 


Type terms 


ш 
These аге the units of measurement 
in typography: 


1/6 inch 


Type terms 


El 
These are the units of measurement 
in typography 


1 inch 


^ inch = 6 picas = 72 points 


1 pica = 12 points 
( 72 pts/pica + 6 picas ) 


. Format: # picas p # points 


14picas+ 2points = 14p2 
` 14picas+13points = 15pl (13 pts = 1p1) 
14picas+12points = 15p0 
порісаѕ+ 8points = 0р8 


Type terms 


Baseline 


Same-size fonts can look like different 
sizes because of varying x-heights. 


Ascender 

height 

БШШ ум КУ ee о Pog 1... these 
varies à f [4 M А 4 №11 vr | fonts are 
at same IN ri E | @ PA: Bw Р. \ the same 
font size Cc) | І size 
Descender 


height Sans-serif font Serif font 
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Type terms 


Tops of capital letters Bottoms of letterforms 
going below the baseline 
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Type terms 


Ascender height 


azis 3uiod 3u04 


Descender height 
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Type terms 


Horizontal measurements are in picas and 
points, like for the measure (maximum 
column width). 


Measure is 25p6 
(25 picas plus 6 points) 
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Type terms 


Vertical distance from baseline to baseline 
expressed in points 
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Type terms 


Vertical distance from ascender to descender 
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is measured in picas and 
points. 


/ertical distance 
is measured in points 
for line space, leading, 
and font size. 


is measured 
in column inches (depth). 


Type terms 


; Vertical measurements are in 
points, like for font size, line space, and 
leading. 


55 point font size | 


80 point 
line space 


35 point 
leading 
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Type size is measured 
in points — not picas 


Font size is measured from top of ascender to bottom of descender 
but precise determination is difficult because of variations in font 
foundary specifications and output. 


Comparative rulers show 
sample heights to help 
approximate point size. 


Font size is compared to a known sample. 


Font name and style 


Times New Roman, regular 


12/18 x 14p2 RR 


Font Line Column width 
point spacing 14picas+2points Ragged 
size (14p2) Right 


Set style 


Line SPace 


is distance 
from One aseline to the next. 


... because 
of more 
Leading 


between lines. 


This is an example 
where leading is not 
visible between lines. 


This is an example 


of more leading 


between lines. 


Font size 


Leading 


This is an 
example 

of no leading 
between lines. 


This iS an я 
example = 
of no leading 
between lines. 


Line space 
Font size 


Leading 


This is an 

example ‚ини 
of no leading | с 
between lines. 


Font size 
- Leading 


Line space 


Introduction 
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Letters 


Letters (glyphs) 


Letterforms can be manipulated in publishing 
programs (stretched, compressed, etc.) but 
the best use of a font is the native form 
provided by the type designer, 


Even letter spacing is desirable and is part of 
the original font metrics information — 
professional fonts have quality metrics and 
hinting that help with basic legibility, 


Tracking is increased or decreased letter 
Spacing across a selection of type, 


Kerning is increased or decreased letter 
spacing between pairs of letters: OP, AV 
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Letters (glyphs) 


m Examples of glyphs: 


NS) 
\ SS 
© S 
M RS «e oe х“ 
xe Qo e е, 
N S ae X \ SS 
КҮ; S ҳо eS d = 5° 
ee A ES SS ENS e we? 
2 & © o M м © 
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Why is metal type 
of interest 
in the digital era? 


For the last 550 years, or so, metal type has 
been and still is in use. It is the source of 
many terms used to describe type and it can 
print with a textural effect by physically 
pushing ink against paper. 


So understanding our past gives us context to 
help us understand our present evolution. 


m Capital letters are also called upper case, 


и For example: A, B, and C are all upper case 
and they are created on a keyboard using the 
shift key with a character, 


и Small letters are called lower case, 
и For example: a, b, and c are all lower case, 


a The terminology came from use of metal type 
where letters were organized in cases with one 
placed above the other; giving the capital 
letters the upper-case designation. The 
California Job case combined caps and lower 
case letters. 
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drawers 


The top area 

of this cabinet 

is E 20 hold 
4 he 1 | 


cases) parece out 
and placed on the 
cabinet top for 
letter-by-letter 
hand assembly 


The California Job case was a popular 
standard for organizing loose type letters, and 
varying letter and word spaces. 


m The case was designed with different sized 
compartments. 


— 
[| 


El 


Proportionally, there are more vowel letters in 
Western language than consonant letters and 
the California Job case construction shows 
this. 


Each metal type case/drawer was one font 
(one size and style). 


“ california 


Job case 


(drawer pulled 
open from,cabinet) 


"n 
ue 
d 
rd 


D 


California Job case layout 


A hand typesetter could set more than 60 words per minute. 


ul2-O3-t 


ura-o3-l 


lay for 


Ion 


in 


214 
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Font disp 


M 


B E 
g 
Е 
м 
4 
P" 
ia 
а Е 
IS FS 
7 
o [el 
: 
24 e 
3 Е A №: 
E 2 «еи» 
= oma جاه‎ > 
E = ale] =] x 
" ек“ АА а «е xl») еа [о «lam 
= = аа: Remix |ж| mlx gi olala 
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Pro 


inion 


M 


NIN | 0} ГӨЛ 


MIM |, 


> 
n 


ERES 


fk | fl (f ft 


N, 


f fb fh} fi 


кк [ккк „т, 


Û, û [ао оа оуу, 


LININ|OININ| Ni oly 


L 


Yv|zz|zz|ziz 212 22 


2 


AMÎN 


Й 


E: 

«X 
Tc wa Dp m 
eme е-ро d 
0 Е ор isl 
e| a) bola |а |< 
1 EBDÊ wil @ 
© ao Col п] Bic 
EEE S 
о | me] اہ ا‎ fat’) بو‎ |< 
0ُ 2 
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Pro 


inion 


M 


m e exc RS 
ооо OUO [Ot 


ó|ó6|6|6|O]o|o|o 


AA [Aun |n 


FH ili 
ùjójö 


OOOO 


Ф109 910 ууу ооа о UU û] OU Ù || Ù | Û 


» є 
FP 
5 5 p 


ölolo 


A Ar А AA АА (ALA PALA AL 


û lf HHH HTH TH H 


ölő 


less 5 y" zT zs Р 
QUO Оо [оо fay & ја [аја € 


I" Q |? 


aT 
Q 
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Minion Pro 


InDesign provides a listing of all 
font glyphs and clicking on a 
character shows the details. Use 
the menu Type>Glyphs to see a 
display matrix like this. 
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Letters (glyphs) 


m The previous full font specimen shows a 
diverse set of glyphs, 


= More than letters combining into words, some 
glyphs can be assembled in a way that they 
form ornaments or illustrations, 


m Special glyphs can represent different 
languages, math symbols, properly- 
constructed fractions, ordinals, lining and 
mono-spaced numbers, superscripts, 
subscripts, currency, ligatures, building blocks 
for visual constructs, etc. 
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niche 1/2 lb 3 А 4 3 
«s. 1/2 % 3/4 94 
~ 1/2» 3/4% 
„1/2 V» 3/4 ЗА 


Languages 
Typography 


When words 
are scarce 
they are seldom 


spent in vain. 


William 
Shakespeare 


Writer 


m Letters combine to create words. 


= A word is a language unit, consisting of one or 
more spoken sounds or written 
representations, that carry meaning. 


и Words аге semiotic in that they are a collection 
of abstract symbolic glyphs whose meaning 
must be learned. 


m A word can have multiple meanings so context 
is important and design can assist in 
comprehension. 
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Words have syllables 


a Syllables are word sound parts—pronounced 
components—designers need to honor. 


и For example, typography is spoken as ty 
POG ra phy. This repesents four syllables and 
one or more may have spoken emphasis. 


и When a word is broken at the end of a line, it 
can be split up from one line to the next using 
a hyphen at a syllable break: 


The digital era is liberating typog- 
raphy because now the imaginable 
is implementable. 
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Words require 
separation 


m Words are separated by horizontal space and 
lines of words are separated by vertical space 
(line space/leading). 


m Horizontal word space is usually slightly more 
than the width of a lower case letter i, 


a This horizontal spacing is automatically done 
when typing by tapping the spacebar. 


m Spacebar width values vary based on the type 
of margin/justification setting, metric, optical, 
or selective parameters. 
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Words contained 
by margins 


m There are four main kinds of left and right 
margin justifications affecting word space. 


Flush left 
Centered 


Flush right 


Justified 
- fully, left and right margins aligned 
- Last line flush left 
- Last line centered 
- Last line flush right 
- Last line fully justified 


Also Align towards and Align Away from the pulication's spine for Flish Right, Left 
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Words are separated 


m It is desirable to have even word spacing for 
easier reading. 


m Type set flush left (ragged right) may cause 
some lines to end shorter than the set width 
but the word space will remain consistent. 


a When type is set justified, the word spacing 
increases or decreases to keep the margins 
flush left and flush right on every line. 


a Well set justified type (for good type "color" 
including word and letter spacing) has the 
justification parameters custom set for the 
particular typographic conditions. 
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Words are separated 
evenly with FL and FR 


Flush Left 
Even word space 


The most emphatic place in a clause or sentence 
is the end. This is the climax; and, during the 
momentary pause that follows, that last word 
continues, as it were, to reverberate in the read- 
ers mind. It has, in fact, the last word. 

—F. L. Lucas 


Word spaces are 
shown in green. 
These are all even. 
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=> 


The]mostjemphatiqplacejin[a|clausefor[sentence] 
is|theJend.JThisfis|the|climax;Jand Jduring}the] 
momentary]pause]thatffollows,]thatlast]word] 
continues Jas[it]were]to[reverberate]in]the]read- 
er's[mind [Itfhas,[inffact ]theflast]word. 

—FIL [Lucas] 
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Words are separated 
unevenly with justified 


Justified with last lines centered 
Uneven word space 


The most emphatic place in a clause or sentence 
is the end. This is the climax; and, during the 
momentary pause that follows, that last word 
continues, as it were, to reverberate in the read- 
er's mind. It has, in fact, the last word. 
—E L. Lucas 


Word spaces are 
shown in green. 
These are uneven. 
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=> 


TheJmostfemphaticfplacefinfalclausefor]sentence 
isftheffend [Thisfisfithefelimax;fand Jduringfthe 
momentaryfipausefithatfffollows fithatfflastfword 
continues, [as[itfwere;[to]reverberatefin]thefread- 


er's[mind Һа Jin[fact,[the]last]word. 


Y 
| | | iil Il 
II 1! [ I d 
I ı 1 iid 
III 11 II I 
I II II II | 
II 0! 
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Improved justified 


word 
spacing 


Compos: 


The most emphatic place in a clause or sentence is 

the end. This is the climax; and, during the mo- 

mentary pause that follows, that last word contin- 

ues, as it were, to reverberate in the reader's mind. 
It has, in fact, the last word. 


Minimum. 
Word Spacing: 85% — 
Letter Spacing: ELEM 
Giyph Scaling: 97% 

Auto Leading: 12% | 


Single Word Jus stification 


The justification 
settings used for 
the paragraph 
below helped 
achieve better 
word spacing 
and type “color.” 
Glyph scaling 
should be 
cautiously 
applied. 


La 
TOO 103% 


(Raum — 1) 
ee 


The|mostjemphatidplace]inja|clauseor|sentence]is 
the[end [ThisJis]the]climax;Jand,[duringlthe]mo- 
mentary]|pause]thatfollows;]thatflastword]contin- 
ues Jas[it|were [tolreverberate]in]the]reader's|mind. 


Itfhas, Qus |theflast}word. 


—Е L. Lucas [Lucas 


Word spaces are | | | 

shown in green. These ! | " | |I Ll 
are more even. | 
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Words set as all caps 
are harder to read 


THE MOST EMPHATIC PLACE IN A CLAUSE 
OR SENTENCE IS THE END. THIS IS THE 
CLIMAX; AND, DURING THE MOMENTARY 
PAUSE THAT FOLLOWS, THAT LAST WORD 
CONTINUES, AS IT WERE, TO REVERBER- 
ATE IN THE READER’S MIND. IT HAS, IN 
FACT, THE LAST WORD. 
—F. L. Lucas 


Looking like the 
Nigerian scam 
letters that 
flooded the 
Internet, setting 
type in all caps 
can be harder to 
read than upper 
and lower case 
text. Avoid too 
much of it. 
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The most emphatic place in a clause or sentence is 
the end. This is the climax; and, during the mo- 
mentary pause that follows, that last word contin- 
ues, as it were, to reverberate in the reader’s mind. 
It has, in fact, the last word. 
—F. L. LUCAS „ 
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Sentences 


For me, the big 
chore is always the 
same: how to begin 
a sentence, how 


to continue it, how 
to complete it. 


Claude 
Simon 


Writer 


m А sentence is a grammatical statement usually 
written with a subject and predicate. 


m [he first word starts with a capital letter, and 
the sentence ends with a period or similar 
punctuation. 


= Words making up a sentence may take up 
more than one line of type. 


In typography, after the final punctuation, 
there is one character space separating one 
sentence from the next one—not two spaces. 
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Phrases (sentence parts) 


m A phrase is a short grammatical statement 
usually missing a subject or a verb so it is not 
a complete sentence. 


a [he first word may or may not start with a 
capital letter, and the a phrase does not end 
with a period or similar punctuation. 


= Words making up a phrase may take up more 
than one line of type. 


m Phrases are often found in headlines, 
subheads, pull quotes, etc. 
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Sentence line breaks 


и When a sentence or phrase requires more 
than one line then breaks are required. 


и Word-space breaks are natural line endings. 


m Broken words at line endings require hyphens 
to separate the syllables. 


m An aesthetic limit of two line endings in a row 
with hyphens is tolerable but more aligned 
hyphens create an optical indent. 


и Larger fonts used for headlines, etc., should 
avoid ending a line with a preposition. 
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Anatomy of multi lines 


ш 
Vertical distance from baseline to baseline 


Anatomy of multi lines 


Tops of capital letters Bottoms of letterforms | 
and tops of lower case going below the baseline 
letters like f, t, h, etc. like y, p, q, etc. 
Some lower case letters 
can be taller than capitals 
letters. 


Anatomy of multi lines 


“ 7 
E 


Vertical distance from baseline to baseline 
allows ascenders & descenders to just touch 
if font point size = leading/line space 


Baseline vertical 


measurement 
(in points) 


Anatomy of multi lines 


Vertical distance from baseline to baseline 
decreased to the point that it allows 
ascenders & descenders to overlap, 

if they are on top of each other. 


Anatomy of multi lines 


When there are all capital (upper case) 
letters the words can be set this way 
because they usually have no descenders 
to overlap with cap-height letters. 


CAPITAL LETTERS 


DON’T USUALLY 
HAVE DESCENDERS 


Y | рани 


Anatomy of multi lines 


Upper апа lower 

case letters have 

a tighter look set 
IS Wd y but avoid overlaps. 


Anatomy of multi lines: 


mores s usin s 
| = Negative leading em EE wee 
CAUTION 


nent ы ҮС. 


case e ters. have 
Iter ТООК set 


W a ay Dut avoid overlaps, 


l 


Í 


Introduction 
to Western 
Languages 
Typography 


Paragraphs 


A sentence should contain no 
unnecessary words, a paragraph 
no unnecessary sentences, for the 
same reason that a drawing should 
have no unnecessary lines and a 


machine no unnecessary parts. 


William 
Shrunk, Jr. 


Writer 


a A paragraph is a distinct portion of written or 
printed matter dealing with a particular idea, 
sometimes beginning with an indentation or 
extra vertical line space and usually containing 
two or more sentences. 


m Consistency is important: keep paragraph 
styles to always maintain indents or extra line 
space, a drop cap, or some other visual 
elements 


m Paragraphs may be visually grouped by use 
of subheads to help the reader quickly 
comprehend the overall content organization. 
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Paragraphs 


m Paragraphs (also words and sentences) may 
be continued from one page to another with 
“jumps” or continuations that show what page 
to turn to or from. 


m Paragraphs in columns of text stop and start 
(break) their lines best when two or more 
lines are at the end of a column and/or start 
of the following column. 


и The width of a column of typeset paragraphs 
is optimal for longer stories at about 1.5 times 
the length of the lower case alphabet length 


for the font used. abcdefghijklmnopqrustvwxyzabcdefghijkl 
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Paragraphs 


The computer make alignments based on object 
programming rules and font metrics supplied by 
the type designer. Our eyes see arrangements 
based on optical alignment. These two systems 
can be at odds with each other so the designer 
must make the aesthetic call about which 
implementation is best. 

=» Optical alignment: placement used to visually align design 


elements, allowing glyphs to extend into margins like quote 
marks, hyphens, and below baselines like letters O, C, Q, etc. 


и Metrics/mechanical alignment: how the computer is 
programmed to handle type or objects which may differ from 
what our eyes see as optically aligned. 
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Paragraphs 


m How much line space is best for a paragraph is 
determined on an individual basis. Many 
publishing programs start with a default of 
120% of the font size (in points) as the line 
space (in points). 


m Paragraphs set within narrower columns may 
need less line space than columns that have a 
wide measure. Designers need to try 
variations for each font to see what settings 
provide the best legibility and aesthetics. 


m Paragraphs should look inviting and not tire or 
confuse the reader because of careless design. 
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Paragraphs 


и No one type specification works for all font 
sizes, line spacing, column measures, styles, 
column gutters, or justification parameters 
like flush left, justified, flush right, centered, 
etc. 


m Each typographic solution must be determined 
on individual merits of legibility, aesthetics, 
and communications goal for target audience. 
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Paragraph 
exampies 


ne thing was Dinah ought to have taught you 
Initial certain, that the better manners! You OUGHT, 
WHITE kitten Dinah, you know you ought!” 
drop cap had had nothing she added, looking reproach- 
to do with it: it was the black fully at the old cat, and speak- 
I d t kittens fault entirely. For the ing in as cross a voice as she 
nden white kitten had been having could manage—and then she 
its face washed by the old cat scrambled back into the arm- 
Type set for the last quarter of an hour chair, taking the kitten and the 
(and bearing it pretty well, worsted with her, and began 
flush left, considering); so you see that it ^ winding up the ball again. But 
i COULDN'T have had any hand she didnt get on very fast, as 
ragged right, in the mischief. she was talking all the time, 
for slightly The way Dinah washed sometimes to the kitten, and 
less formal her children’s faces was this: sometimes to herself. Kitty sat 
ГА first she held the poor thing very demurely on her knee, 
even word- down by its ear with one paw, pretending to watch the prog- 
and then with the other paw ress of the winding, and now 
spaced look she rubbed its face all over, the and then putting out one paw 


wrong way, beginning at the 
nose: and just now, as I said, 
she was hard at work on the 
white kitten, which was lying 
quite &ill and trying to purr— 
no doubt feeling that it was all 
meant for its good. 


AJEEP Tim Mitchell 
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Paragraph 


and gently touching the ball, as 
if it would be glad to help, if it 


morrow is, Kitty?’ Alice began. 
"Youd have guessed if youd 
been up in the window with 


doing, I was very nearly open- 
ing the window, and putting 
you out into the snow! And 
youd have deserved it, you little 
mischievous darling! What 
have you got to say for your- 
self? Now dont interrupt me!" 
she went on, holding up one 
finger. ‘Tm going to tell you all 
your faults. Number one: you 
squeaked twice while Dinah 
was washing your face this 
morning. Now you can't deny 
it, Kitty: I heard you! Whats 
that you say?’ (pretending that 
the kitten was speaking.) ‘Her 
paw went into your eye? Well, 
that's YOUR fault, for keeping 
your eyes open—if youd shut 
them tight up, it wouldn't have 
happened. Now dont make any 
more excuses, but listen! Num- 
ber two: you pulled Snowdrop 
away by the tail just as I had put 
down the saucer of milk before 
her! What, you were thirty, 
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examples 


m Line space 
separates 
paragraphs 
instead of indents 

m Each new 
paragraph line 
starts flush left 

m Less contiguous 


so reader confusion 
could result 
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ne thing was kitten, and giving it a little kiss — they were comfortably settled 
certain, that the to make it understand that it again, ‘when I saw all the 
WHITE kitten was in disgrace. ‘Really, Dinah mischief you had been doing, 
had had nothing ought to have taught you better I was very nearly opening the 
to do with it: it was the blak manners! You OUGHT, Di- window, and putting you out 
kitten’s fault entirely. For the nah, you know you ought!” she into the snow! And youid have 
white kitten had been having added, looking reproachfully at deserved it, you little mischie- 


its face washed by the old cat 
for the last quarter of an hour 
(and bearing it pretty well, 
considering); so you see that it 
COULDN'T have had any hand 
in the mischief. 


‘The way Dinah washed her 
children’s faces was this: first 
she held the poor thing down 
by its ear with one paw, and 
thenwith the other paw she 
rubbed its face all over, the 
wrong way, beginning at the 
nose: and just now, as I said, 
she was hard at work on the 
white kitten, which was lying 
quite still and trying to purr— 
по doubt feeling that it was all 
meant for its good. 


asleep, the kitten had been 
having a grand game of romps 
with the ball of worsted Alice 
had been trying to wind up, 
and had been rolling it up and 
down tillit had all come un- 
done again; and there it was, 
spread over the hearth-rug, all 
‘knots and tangles, with the kit- 
ten running after its own tail in 
the middle. 


"Oh, you wicked little thing!" 
cried Alice, catching up the 


the old cat, and peaking in as 
cross a voice as she could man- 


taking 
the kitten and the worsted with 
her, and began winding up the 
ball again. But she didn't get on 
very fadt, as she was talking all 
the time, sometimes to the kit- 
ten, and sometimes to herself. 
Kitty sat very demurely on her 
knee, pretending to watch the 
progress of the winding, and 
now and then putting out one 
pow and. touching the. 
ball, as if it would be glad to 
help, if it might. 


"Do you know what to-morrow 
is, Kitty?" Alice began. Youd 
have guessed if youll been up 
in the window with me—only 
Dinah was making you tidy, so 
you couldnt. I was watching 
the boys getting in sticks for the 
bonfire—and it wants plenty of 
‚Sticks, Kitty! Only it got so cold, 
and it snowed so, they had to 


or three turns of the wonted 
round the kitteris neck, just to 
see how it would look: this led 
to a scramble, in which the ball 
rolled down upon the floor, and. 
yards and yards of it got un- 
wound again. 


"Do you know, I was so angry, 
Kitty. Alice went on as soon as 


vous darling! What have you. 
got to say for yourself? Now 


going to tell you all your faults. 
Number one: you squeaked 
twice while Dinah was washing 
your face this morning. Now 
you can't deny it, Kitty: I heard 


your eye? Well, thats YOUR 

fault, for keeping your eyes 

open—if youd shut them tight 
up, it wouldn't have happened. 
Now don't make any more ex- 
cases, but listen! Number two: 
you pulled Snowdrop away by 
the tail just as I had put down 
the saucer of milk hert 


wasrit thirsty too! Now for 
number three: you unwound 
every bit of the worded while 1 
wasn't looking! 


"Thats three faults, Kitty, and. 
you've not been punished for 
any of them yet. You know I'm 


pose they had saved up all MY 
punishments!’ she went on, 

talking more to herself than the 
kitten. "What WOULD they do 
at the end of a year? I should be 
sent to prison, I suppose, when. 
the day came. Or—let me see— 
suppose each punishment was 


Paragraph 
examples 
и Justified paragraphs 


(flush left and right 
margins) give 


columns more formal, 


geometric look. 


m Justified type has 
variable word spaces 
which requires better 
control of justification 
parameters. 
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Paragraph 


=: ght to have taught you bette) 

that the WHITE kit) manners! You OUGHT, Din 

ten had had nothing fou know you ought!’ she add 

to do with it: it looking reproachfully at th 
h e ld cat, and peaking in 


or the white kitten had beei 
aving its face washed by th 
d cat for the last quarter of 


our (and bearing it pretty well ten and the worded with h all your faults. Number опе] 
sidering); so you see that d began winding up the bal] fou squeaked twice while 
'ULDN'T have had any h n. But she didnt get on ver was washing your face th 
n the mischief. as she was talking all thf fnorning. Now you cant den 
ne, sometimes to the kitten Kitty: I heard you! What 
[he way Dinah washed her ch nd sometimes to herself. Kitt it you say?’ (pretending th: 
[геп faces was this first sh [at very demurely on her kn he kitten was speaking.) "Hed 
eld the poor thing down bı tending to watch the prog] went into your eye? 
ear with one paw, and the: of the winding, and no it's YOUR fault, for keepin 
ith the other paw she rubb nd then putting out one ра eyes open—if youd sh 
face all over, the wrong way] [ind gently touching the ball, m tight up, it wouldnt ha 
ginning at the nose: and ji it would be glad to help, if ned. Now dont make any 
as I said, she was hard night. nore excuses, but listen! 
ork on the white kitten, which two: you pulled Snowdrop 
lying quite still and tryin [Do you know what to-morro yy by the tail ju as I had pu 
b purr—no doubt feeling that Kitty? Alice began. “Yc own the saucer of milk befor: 
s all meant for its good. ve guessed if youll been er! What, you were 
the window with me—onl] еге you? How do you kno 
ut the black kitten had bee) Dinah was making you tidy, е wasnt thirsty too? Now for 
d with earlier in the ‚u couldn't. I was watching humber three: you unwound 
noon, and so, while Alice: he boys getting in tides for bit of the worsted while 
ting curled up in а corner of fonfire—and it wants plen sn't looking! 
he great arm chair, half talkin sticks, Kitty! Only it got 
p herself and half asleep, th d, and it snowed so, they ts three faults, Kitty, and 
itten had been having a grand [o leave off. Never mind, Kitt: ve not been punished for 
me of romps with the ball а ll go and see the bonfire to] [ny of them yet. You know I'm 
orsted Alice had been tryin norrow. Here Alice wound twd up all your punishment 
b wind up, and had been roll three tums of the worsted [рг Wednesday week—Suppos: 
hg it up and down till it had. ound the kitten's neck, just td had saved up all MY 
ome undone again; and there е how it would look: this led Ishments!” she went on, talkin 
Spread over the hearth-rug) fo a scramble, in which the b pore to herself than the kitten 
Ш knots and tangles, with th d down upon the floor, an hat WOULD they do at th 
litten running after its own t ds and yards of it got nd of a year? I should be 
n the middle. nd again. b prison, I suppose, when th 
y came. Or—let me 
Dh, you wicked little thing} [Do you know, I was so angr; ppose each punishment 
d Alice, catching up the kit) Kitty, Alice went on as soon «| [o be going without a dinner 
en, and giving it a little ki were comfortably settled hen, when the miserable da; 
b make it understand that ij n, "when I saw all the mis| ne, I should have to go with- 
їп disgrace. ‘Really, Din ‘you had been doing, I ut fifty dinners at once! Well, I 


Column gutter 


рока se di ны 
d then she scrambled bi 
мо the arm-chair, taking th 


nearly opening the window) 
nd putting you out into th 
now! And youd have deserved 
you little mischievous d 

ng! What have you got to sa 
br yourself! Now don't inter- 
me! she went on, holdin 
one finger. Tm going to tell 
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examples 


a Indents 
separate 
paragraphs 
instead of line space 
for cohesive look 


m Avoid using 
both indents and 
extra line space 
to separate 
paragraphs 
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ne thingwascertain, 
that the WHITE kit- 
ten had had nothing 
to do with it: it was 


the black kitten’s fault entirely. 
For the white kitten had been 
having its face washed by the 
‚old cat for the last quarter of an. 
hour (and bearing it pretty well, 
considering); so you see that it 
COULDN'T have had any hand 


she held the poor thing down by 
its ear with one paw, and then 
with the other paw she rubbed 
its face all over, the wrong way, 
beginning at the nose: and just 
now, as I said, she was hard at 
work on the white kitten, which 
was lying quite still and trying 
to purr—no doubt feeling that it 
was all meant for its good. 

But the black kitten had 
been finished with earlier in the 
aftemoon, and so, while Alice 
was sitting curled up in а corner 
of the great arm chair, half talk- 
ingto herself and half asleep, the 
kitten had been having a grand 
game of romps with the ball of 
‘worsted Alice had been trying 
to wind up, and had been roll- 
ing it up and down till it had all 
come undone again; and there it 
was, Spread over the hearth-rug, 
all knots and tangles, with the 
kitten running after its own tail 
inthe middle. 

‘Oh, you wicked little 
thing!” cried Alice, catching up 
the kitten, and giving it a little 
kiss to make it understand that 
it was in disgrace. ‘Really, Dinah 
ought to have taught you better 
manners! You OUGHT, Dinah, 
you know you ought!” she add- 


ed, looking reproachfully at the 
old cat, and speaking in as cross 
a voice as she could manage— 
and then she scrambled back 
into the arm-chair, taking the 
kitten and the worsted with her, 
and began winding up the ball 
again. But she didn't get on very 
fad, as she was talking all the 
time, sometimes to the kitten, 
and sometimes to herself. Kitty 
sat very demurely on her knee, 
pretending to watch the prog- 
ress of the winding, and now 
and then putting out one paw 
and gently touching the ball, as 
if it would be glad to help, if it 


"Do you know what to- 
morrow is, Kitty? Alice began. 
"You'd have guessed if you'd 
been up in the window with 
me—only Dinah was mak- 
ing you tidy, so you couldnt. I 
was watching the boys getting 
in sticks for the bonfire—and 
it wants plenty of sticks, Kitty! 
‘Only it got so cold, and it snowed 
so, they had to leave off. Never 
mind, Kitty, we'll go and see the 
bonfire to-morrow’ Here Alice 
wound two or three turns of the 
worsted round the kitten’s neck, 
ju& to see how it would look: 
this led to а scramble, in which 


"Do you know, I was so an- 
gry, Kitty,’ Alice went on as soon 
as they were comfortably settled 
again, when I saw all the mis- 
chief you had been doing, I was 
very nearly opening the win- 
dow, and putting you out into 
the snow! And you'd have de- 
served it, you little mischievous 
darling! What have you got to 


say for yourself? Now dont in- 
terrupt me!’ she went on, hold- 
ing up one finger. Tm going to 
tell you all your faults, Number 
one: you squeaked twice while 


deny it, Kitty: I heard you! 
What's that you say?’ (pretend- 
ing that the kitten was speak- 
ing) "Her paw went into your 
eye? Well, that's YOUR fault, 
for keeping your eyes open— 
if you'd shut them tight up, it 
wouldn't have happened. Now 
dont make any more excuses, 
but listen! Number two: you 
pulled Snowdrop away by the 
tail jus as I had put down the 
saucer of milk before her! What, 
you were thirsty, were you? How 
do you know she wasn't thirsty 
too? Now for number three: you 
unwound every bit of the wor- 
ted while I wasn't looking! 
"Thats three faults, Kitty, 
and you've not been punished 
for any of them yet. You know 
I'm saving up all your punish- 
ments for Wednesday week— 
Suppose they had saved up all 
MY punishments! she went on, 
talking more to herself than the 
kitten. "What WOULD they do 
at the end of a year? I should be 
sent to prison, I suppose, when 


to be going without a dinner: 
then, when the miserable day 
came, I should have to go with- 
out fifty dinners at once! Well, 
I shouldn't mind THAT much! 
Та far rather go without them 
than eat them! 

"Do you hear the snow 
against the window-panes, Kit- 
ty? How nice and soft it sounds! 
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Some Typographic 
Transgressions 
Improperly constructed “fake” fractions 


a Reader confusion about order of threaded 
columns — don't loose your reader 


а Inconsistent styles of type and images 


1 Mis-use or over-use of bold and italic fonts 
for emphasis 


Journ 136 Tim Mitchell a 


Some Typographic 
Transgressions 


Two hyphens representing an em dash 
instead of using the real em dash (em 
dash is a parenthetical pause) 


а One hyphen to represent a longer en dash 
instead of using the real en dash (en dash 
is a connector for periods to time, space, 
etc., like the word "through" or "to" 


a Use of a colon after a subhead that sits 
alone on a line (it’s redundant) 


Journ 136 Tim Mitchell S/S 


Correctly used Em dash 


A glyph that looks like a very long hyphen 
(equal to an em space or width of a capital 
letter M) that represents a parenthetical 
pause for added emphasis: 


Journ 136 Tim Mitchell SIS 


Correctly used En dash 


A glyph that is slightly longer than a 
hyphen (equal to an en space) that 
represents a distance or continuation and 
can also combine open compounds: 


Journ 136 Tim Mitchell YU LEY Шз 


Some Typographi © 
Transgressions ©. A 


a Too many hyphens in a row 
a Widows and Orphans — typeset distractions 


a Rivers in text columns (vertically. aligned groups of word 


space that can snake through columns of text from line to line and 
disrupt type color“) 


а Poor craftsmanship: uneven type “color” 


a Illegibility 


Too many hyphens 


to the increasing use of the 
ballot рох,’ Baldassare said. 
“Hybrid democracy may be 
the answer to the public's de- 
sire for populism and a solu- 
tion to the parties and divi- 
sions, special interests' influ- 
ence and voter distrust that 
currently plague America’s 
political process,” he said. 
“California could lead the 
way, as a nation-state, in a new 


Widows...Orphans 


T 
have put him in an awkward 
position," DiCamillo said. 

“He avoided immigration as 
a g^ campaign issue," he add- 
ed. 

An issue that's national, 
such as immigration, boiling 


would eliminate the Senate 
and Assembly and instead cre- 
ate a single legislative house of 
50 to 80 members to be nomi- 
nated and elected in a non- 
partisan manner for a two- 


year term. 


The proposal would create a 


= 
R | М e B S “We have three basic flavors 


of chocolate, vanilla and red 
velvet and then we have our 


E specialty cupcakes; Khan said. 

| n ex The specialty cupcakes in- 
clude caramel apple, an apple 
cupcake with caramel frosting, 
s'mores cupcake, a chocolate 

CO uU m n S cupcake topped with marsh- 
mallow frosting complete with 
graham cracker crumbs, and a 
Twix cupcake, a chocolate cup- 
cake topped with shortbread 
and caramel 

"We love to experiment and 
try new recipes" Khan said. 
"We are always open to take 
requests.” 

The chocolate cupcake with 
Nutella butter cream frosting 
cap satisfy any chocolate-lov- 
er's sweet tooth. 

The frosting is shocking- 
ly light and flavorful as the 
Nutella and butter cream form 
a sweet relationship sitting on 
the chocolate cake 

Other items on the menu 
include cheesecake bites for 
$25/dozen, cookies in various 
flavors for $6/dozen, cake pops 
with the buyer's choice of cake 
doused in frosting for $1.25 
each and assorted brownies for| 
$10/dozen 


"We have three basic.flavors 
of chocolate, vanilla find red 
velvet and then wg have our 
specialty cupcakes’ Khan said. 

The specialty cupcakes in- 
clude caramel J pple, an apple 
cupcake with caramel frosting, 
s'mores cupcake, fi chocolate 
cupcake topped / vith marsh- 
mallow frostingfomplete with 
graham crackeg crumbs, and a 
Twix cupcake/4 chocolate cup- 
cake topped with shortbread 
and caramel 

"We loye to experiment and 
try new /fecipes” Khan said. 
"Wearefilways open to take 
requests 

The chocolate cupcake with 
Nutella Бойе сгеат frosting 
can satisfy any chocolate-lov- 
er's sweet tooth. 

The frosting is shocking- 
ly light and flavorful as the 
Nutella and butter cream form 
a sweet relationship sitting on 
the chocolate cake 

Other items on һе menu 
include cheesecake bites for 
$25/dozen, cookies ji various 
flavors for $6/dozen, Sake pops 
with the buyer’s choice of cake 
doused in frosting for $1.25 
each and assorted brownies for| 
$10/dozen 


